<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 正则中 () 包起来的内容表示一个分组 分组里的内容会被提取出来 (可以提取自己想要的内容)
        // 解析
        // 通过exec方法 检索字符串是否匹配到正则表达式的值 
        // 因为exec方法返回的是一个数组
        // 正则中()包起来的内容表示一个分组 这个分组里的内容会被再次提取出来  
        // 所以 最终得到的结果就是  要检索匹配的值 和被 分组提取出来的值 ["{{name}}", "name"]
        var str = '<div>{{name}}</div>'
        var zz = /{{([a-zA-Z]+)}}/
        var re = zz.exec(str)//["{{name}}", "name", index: 5, input: "<div>{{name}}</div>", groups: undefined]
        console.log(re);

    </script>
</body>
</html>